.bgImage {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	display: block;
	height: 340rpx;
}
.navBox{
		width: 100%;
		position: fixed;
		top: 100rpx;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 36rpx;
		text-align: center;
		height: 88rpx;
		line-height: 88rpx;
	}
/deep/.z-paging-content-fixed{
		top: 188rpx !important;
		height: calc(100vh - 188rpx) !important;
	}
.listBox{
	width: 690rpx;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	flex-wrap: wrap;
	.listItem{
		width: 330rpx;
		height: 348rpx;
		border-radius:10rpx;
		margin-bottom: 30rpx;
		position: relative;
		>image:nth-child(1){
			position: absolute;
			left: 0;
			top: 0;
			width: 330rpx;
			height: 348rpx;
			border-radius:10rpx;
			background-color: #390200;
		}
		.title{
			position: absolute;
			bottom:16rpx;
			left: 24rpx;
			
			>p:nth-child(1){
				font-weight: bold;
				font-size: 36rpx;
				margin-bottom: 10rpx;
			}
			>view:nth-child(2){
				display: flex;
				align-items: center;
				color: #C8C6C4;
				font-size: 20rpx;
				height: 40rpx;
				background: rgba(0,0,0,0.4);
				padding: 0 20rpx;
				border-radius: 40rpx 40rpx 40rpx 40rpx;
				>image{
					width: 22rpx;
					height: 22rpx;
					margin-right: 4rpx;
				}
			}
		}
	}
}